// JavaScript Document
var ww_=640;
var banner_timer;
var banner_index=1;
function initBanner(scale){
		ww_=$(document).innerWidth();
		var len=$('#banner img').length;
		
		 
		$('#banner img').each(function(index, element) {
			$(this).css('left',index*ww_+"px");
			 
			 
			$(this).css('width',ww_+"px");
		});
		$('#banner').css('height',scale*ww_+"px");
		banner_timer= setInterval(function() {
			goright();
		}, 5000);
		
		
		
		$('#banner').on("swipeleft", function() {
			goright();
			//clearInterval(banner_timer);
			//banner_timer= setInterval(function() {
			//	goright();
			//}, 5000);
		});
			
		$('#banner').on("swiperight", function() {
			goleft();
			clearInterval(banner_timer);
			banner_timer= setInterval(function() {
				goright();
			}, 5000);
		});			 
		
		$('#banner').css('width',ww_*len+"px");
	}
	
	
	
	function goright(){
		
		var len=$('#banner img').length;
		if(banner_index>len-1){
			banner_index=banner_index%len;
		}
		$('#banner').css('transition-duration','300ms');
		$('#banner').css('transform','translate('+(0-(banner_index++)*ww_)+'px, 0px)');
		if(banner_index==len){
			setTimeout(function(){
				$('#banner').css('transition-duration','0ms');
				$('#banner').css('transform','translate(0px, 0px)');
				banner_index++;
			},200);
		}
	}
	
	function goleft(){
		var len=$('#banner img').length;
		
		
		if(banner_index==len+1||banner_index==1){
			$('#banner').css('transition-duration','0ms');
			$('#banner').css('transform','translate('+(0-(len-1)*ww_)+'px, 0px)');
			setTimeout(function(){
				$('#banner').css('transition-duration','300ms');
				$('#banner').css('transform','translate('+(0-(len-2)*ww_)+'px, 0px)');
				banner_index=len-1;
			},1);
			
		}else{
			
		
		
	 	
		$('#banner').css('transition-duration','300ms');
		$('#banner').css('transform','translate('+(0-(--banner_index-1)*ww_)+'px, 0px)');
		if(banner_index==len){
			setTimeout(function(){
				$('#banner').css('transition-duration','0ms');
				$('#banner').css('transform','translate(0px, 0px)');
				banner_index++;
			},300);
		}
		}
	}